* {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif;
  scroll-behavior: smooth;
}
body {
  background-image: url("pictures/istockphoto-16.jpg") !important;
  background-size: cover;

  background-repeat: no-repeat;
}
#hr {
  border-top: 2px solid rgb(154, 154, 156);
  margin: 7px;
  color: blue;
  width: 100%;
}
/* ---------------------------jec-logo------------------------ */
.top-content {
  display: flex;
}

.jec-logo {
  width: 8.4% !important;
  position: absolute;
  right: 25px;
  padding: 5px;
  margin-top: 7px;
}
.test {
  margin: 20px auto;
  min-height: 500px;
}

/* div,
  section {
    border: 1px solid black;
  } */

section {
  margin: 300px auto;
}
a,
a:hover {
  text-decoration: none;
}
main {
  min-height: 1000px;
}

/*? <!----------------------------------------------- < Landing Page > -----------------------------------------------> */
header {
  margin: 0px 15px;
  z-index: 100000;
}
#KamalKumar {
  font-weight: normal;
  font-size: 63.65px;
  font-family: Mongolian Baiti;
  font-weight: 50;
}
#professor {
  margin: 5px;
  font-size: 19.5px;
  font-family: serif;
  font-weight: lighter;
}
#Landing {
  position: relative;
  padding: 5px;
  margin: 80px 15px;
}
.landing-divs {
  position: relative;
  display: flex;
  justify-content: left;
  padding: 5px 15px;
}
.landing-divs > div {
  height: 480px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

ul {
  margin-left: 15px;
}
.Navigation {
  width: 100%;
  z-index: 99;
  align-self: center;
}

#NavButtonsContainer.sticky {
  position: sticky;
  margin-top: 0px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  z-index: 99;
  padding: 5px 3px;
  background-color: #236b8e;
}

#navbuts {
  cursor: pointer;
  padding: 0px 10px 0px;
  padding-bottom: 0px;
  border-bottom: 3px solid transparent;
  color: rgb(220, 220, 226);
  font-size: 15px;
  z-index: 99;
  transition: all 200ms linear;
}
#navbutlabels {
  padding: 2px 10px 4px;
  padding-bottom: 0px;
  z-index: 99;
  border-bottom: 3px solid transparent;
  color: rgb(42, 42, 44);
  font-size: 16px;
  transition: all 200ms linear;
}
#navbuts:hover {
  text-shadow: rgb(114, 113, 113) 0.5px 0 2px;
  color: rgb(234, 241, 234);
}

/*? <!----------------------------------------------- < Footer > -----------------------------------------------> */
html {
  position: relative;
}
#footer {
  background: rgba(170, 161, 161, 0.559);
  min-height: 200px;
  width: 100% !important ;
  overflow-x: hidden;
  display: flex;
  justify-content: space-evenly;
}
#footer > div {
  border: 3px solid white;
  margin: 10px;
  padding: 35px;
  min-height: 100px;
  width: 23%;
  text-align: center;
}
#footer h3 {
  margin: 3px;
}
#footer label {
  font-size: 12px;
  margin: 0px;
  font-weight: 500;
  align-items: center;
}
#logosf {
  width: 20em;
  display: flex;
  justify-content: center;
  align-content: center;
}
#logosf div {
  cursor: pointer;
  margin: 6px;
  border: 1px solid rgb(185, 185, 185);
  padding: 5px 5px;
  border-radius: 5px;
  transition: all 350ms ease;
}
#logosf div:hover,
.footerimgs div:hover {
  transform: scale(1.05);
  border: 1px solid rgb(26, 25, 25);
  box-shadow: rgba(209, 206, 206, 0.24) 0px 3px 8px;
}
#logosf img {
  width: 20px;
}

#footlogos {
  width: 100%;
  display: flex;
  justify-content: center;
}
#footlogos div {
  cursor: pointer;
  margin: 6px;
  border: 1px solid rgb(185, 185, 185);
  padding: 5px 5px;
  border-radius: 5px;
  transition: all 350ms ease;
}
#footlogos div:hover,
.footerimgs div:hover {
  transform: scale(1.05);
  border: 1px solid rgb(30, 0, 255);
  box-shadow: rgba(209, 206, 206, 0.24) 0px 3px 8px;
}
#footlogos img {
  width: 20px;
}